<template>
	<el-form
		ref="form"
		class="plr-1"
		label-position="top"
		:model="form"
		:rules="rules"
		:disabled="saving"
	>
		<div class="tips"></div>
		<!-- <el-form-item label="城市" prop="city_data">
			<el-select
				v-model="form.city_data"
				multiple
				collapse-tags
				filterable
				clearable
				style="width: 100%"
			>
				<el-option v-for="v in cityList" :key="v.value" :value="v.label" :label="v.label" />
				<el-option value="其他" label="其他" />
			</el-select>
		</el-form-item>
		<el-form-item prop="is_payment" label="开启表单支付">
			<cl-select v-model="form.is_payment" style="width: 100%">
				<el-option :value="1" label="是" />
				<el-option :value="0" label="否" />
			</cl-select>
		</el-form-item>
		<el-form-item label="支付方式" prop="form_pay">
			<cl-select v-model="form.form_pay" style="width: 100%">
				<el-option :value="1" label="先表单后支付" />
				<el-option :value="2" label="先支付后表单" />
			</cl-select>
		</el-form-item>
		<el-form-item prop="original_cost" label="支付原价">
			<el-input
				v-model="form.original_cost"
				placeholder="请输入金额"
				oninput="value=value.replace(/[^\d^\.]/g,'')"
				@blur="form.original_cost = $event.target.value"
			/>
		</el-form-item>
		<el-form-item prop="pay_money" label="支付金额">
			<el-input
				v-model="form.pay_money"
				placeholder="请输入支付金额"
				oninput="value=value.replace(/[^\d^\.]/g,'')"
				@blur="form.pay_money = $event.target.value"
			/>
		</el-form-item> -->
		<el-form-item prop="remark_num" label="评论条数">
			<el-input
				v-model="form.remark_num"
				oninput="value=value.replace(/[^\d^\.]/g,'')"
				placeholder="请输入"
				@blur="getList($event.target.value)"
			/>
		</el-form-item>
	</el-form>
</template>
<script>
import { cityList } from "@/assets/countryLevel3";
export default {
	props: {
		saving: Boolean,
		view: {
			type: Object,
			default: () => ({})
		}
	},
	data() {
		return {
			cityList,
			form: this.view.options,
			rules: {
				remark_num: [
					{ required: true, pattern: /^[1-5]$/, message: "评论数1-5", trigger: "blur" }
				]
			},
			imgList: [
				"https://mariah1.oss-cn-hangzhou.aliyuncs.com/adimg/2a370c0174d3638285a6687fc2041b11.jpg",
				"https://mariah1.oss-cn-hangzhou.aliyuncs.com/adimg/3f93744ced6e83b09404d1d262bbd7f8.jpg",
				"https://mariah1.oss-cn-hangzhou.aliyuncs.com/adimg/006rfFcaly1hb6tevutubj30u00u1gx8.jpg",
				"https://mariah1.oss-cn-hangzhou.aliyuncs.com/adimg/78abfc26e04035fc8fd68aaee233c5b7.jpg",
				"https://mariah1.oss-cn-hangzhou.aliyuncs.com/adimg/83db4fbdly1hb2sv3i1l6j20u00u0djn.jpg",
				"https://mariah1.oss-cn-hangzhou.aliyuncs.com/adimg/3336c4b86a67cf77e627712e3a8a1ad9.jpg",
				"https://mariah1.oss-cn-hangzhou.aliyuncs.com/adimg/20200425225458_kprkp.png",
				"https://mariah1.oss-cn-hangzhou.aliyuncs.com/adimg/20200804114535_dLa2X.jpg",
				"https://mariah1.oss-cn-hangzhou.aliyuncs.com/adimg/20201029183028_7459b.jpg",
				"https://mariah1.oss-cn-hangzhou.aliyuncs.com/adimg/d49a84c3ly1hb27idc36ij20wi17awle.jpg",
				"https://mariah1.oss-cn-hangzhou.aliyuncs.com/adimg/e834028fa4b313a1607872736437ef2d.jpg",
				"https://mariah1.oss-cn-hangzhou.aliyuncs.com/adimg/src=http___c-ssl.duitang.com_uploads_blog_202012_06_20201206161450_88f03.thumb.1000_0.jpg&refer=http___c-ssl.duitang.webp",
				"https://mariah1.oss-cn-hangzhou.aliyuncs.com/adimg/src=http___c-ssl.duitang.com_uploads_blog_202103_18_20210318202735_707d4.jpeg&refer=http___c-ssl.duitang.webp",
				"https://mariah1.oss-cn-hangzhou.aliyuncs.com/adimg/src=http___c-ssl.duitang.com_uploads_blog_202105_06_20210506002913_195b0.jpeg&refer=http___c-ssl.duitang.webp",
				"https://mariah1.oss-cn-hangzhou.aliyuncs.com/adimg/src=http___c-ssl.duitang.com_uploads_blog_202106_05_20210605225335_7313e.thumb.1000_0.jpg&refer=http___c-ssl.duitang.webp",
				"https://mariah1.oss-cn-hangzhou.aliyuncs.com/adimg/src=http___c-ssl.duitang.com_uploads_blog_202106_09_20210609081952_51ef5.thumb.1000_0.jpg&refer=http___c-ssl.duitang.webp",
				"https://mariah1.oss-cn-hangzhou.aliyuncs.com/adimg/src=http___c-ssl.duitang.com_uploads_blog_202106_22_20210622154903_3c36a.thumb.1000_0.jpeg&refer=http___c-ssl.duitang.webp",
				"https://mariah1.oss-cn-hangzhou.aliyuncs.com/adimg/src=http___c-ssl.duitang.com_uploads_blog_202111_10_20211110082815_526b2.thumb.1000_0.jpeg&refer=http___c-ssl.duitang.webp",
				"https://mariah1.oss-cn-hangzhou.aliyuncs.com/adimg/src=http___c-ssl.duitang.com_uploads_item_201503_13_20150313200615_WRcWi.thumb.1000_0.jpeg&refer=http___c-ssl.duitang.webp",
				"https://mariah1.oss-cn-hangzhou.aliyuncs.com/adimg/src=http___c-ssl.duitang.com_uploads_item_201710_11_20171011114246_uErJN.thumb.1000_0.jpeg&refer=http___c-ssl.duitang.webp",
				"https://mariah1.oss-cn-hangzhou.aliyuncs.com/adimg/src=http___c-ssl.duitang.com_uploads_item_201811_07_20181107103350_V8nTe.thumb.1000_0.jpeg&refer=http___c-ssl.duitang.webp",
				"https://mariah1.oss-cn-hangzhou.aliyuncs.com/adimg/src=http___c-ssl.duitang.com_uploads_item_201812_12_20181212220737_yuutv.thumb.1000_0.jpeg&refer=http___c-ssl.duitang.webp",
				"https://mariah1.oss-cn-hangzhou.aliyuncs.com/adimg/src=http___c-ssl.duitang.com_uploads_item_202004_11_20200411122507_hmewf.thumb.1000_0.jpeg&refer=http___c-ssl.duitang.webp",
				"https://mariah1.oss-cn-hangzhou.aliyuncs.com/adimg/src=http___c-ssl.duitang.com_uploads_item_202006_03_20200603102532_ikVzn.jpeg&refer=http___c-ssl.duitang.webp",
				"https://mariah1.oss-cn-hangzhou.aliyuncs.com/adimg/src=http___c-ssl.duitang.com_uploads_item_202007_21_20200721225542_2R83m.thumb.1000_0.jpeg&refer=http___c-ssl.duitang.webp",
				"https://mariah1.oss-cn-hangzhou.aliyuncs.com/adimg/u=1430308911,881974204&fm=253&fmt=auto&app=120&f=JPEG.webp",
				"https://mariah1.oss-cn-hangzhou.aliyuncs.com/adimg/u=2537299085,1385761637&fm=253&fmt=auto&app=138&f=JPEG.webp",
				"https://mariah1.oss-cn-hangzhou.aliyuncs.com/adimg/u=2733348124,630711593&fm=253&fmt=auto&app=138&f=JPEG.webp",
				"https://mariah1.oss-cn-hangzhou.aliyuncs.com/adimg/u=4155138433,2016558215&fm=253&fmt=auto&app=138&f=JPEG.webp"
			],
			remarkCont: "环境很棒 干净整洁的房间 小姐姐很温柔漂亮服务很好-|-同学推荐后来的关注了很久，纹的很自然 推荐-|-之前就知道了索兰黛，所以想要纹眉时对比了很多家还是选择了你们家。老师很专业推荐-|-环境好，技术好，效果好，态度好！-|-以前好多地方做过 这是最满意的一次 真的好喜欢！-|-老师很专业，会根据你的脸型设计  超满意-|-加了微信关注了很久才决定来的  做完真的太惊喜了 喜欢！-|-纹眉做的很用心，服务也很好。位置很好找 强烈推荐-|-第一次纹眉。纹的挺满意的没有让我失望。比想象中还要好 炒鸡喜欢哇  疯狂打call索兰黛-|-纹好太好看了叭。老师也很温柔哦后悔没有早点来。想要纹眉的小姐姐看过了-|-第一来纹眉，从微博看到这个评价超好，所以就来了，果然名不虚传，真的炒鸡nice-|-一开始设计眉型非常耐心，像我这种极其较真的重度强迫症患者，改来改去，最后改成了自己满意的眉形，老师没有一点不耐烦，哈哈哈，你们去也可以多改改，一定要满！意！-|-一点也不疼！！很奇妙的感觉，体验一下就知道哈哈，按照给我设计的眉形一点一点做，接着做完开始敷颜色，我的是浅咖，因为我发色很浅棕呢 最后做好啦，也有小细节调整了一下，效果完全ok谢谢老师，毕竟手工的，也不容易呢，开心开心，现在回家路上，露出眉毛超级自信，以后就不用每天花时间倒腾它了，也超好看，想尝试一下裸妆哈哈哈-|-想做纹眉很久了，朋友推荐这家不错，而且离得很近。就来看看。老师很负责，讲解的很清楚，做完的效果很满意-|-很满意，跟想象中的一毛一样！-|-非常自然，朋友介绍过来的，强力推荐，啊哈哈！-|-非常推荐这家，之前在别的地方做过，这家是挑了好久才选择的，果然不费这么幸苦仔细挑选，真的是超级满意的。哇咔咔-|-做的时候有点感觉，有点奇妙，做完后整体很自然，超级满意！！！！-|-带母后过来的，哈哈哈！之前自己做过，感觉这家比之前那家好多了！也更加专业！-|-very nice ！解决了早上半个小时的画眉时间，哈哈哈 ！可以再睡会！真棒！嘻嘻-|-上了班基本没有什么时间，早上还要早起，根本睡不够，别提画眉了还可以，没办法，想着要不然就赶紧做个半永久纹眉吧，先加老师微信了解下。-|-第一次纹眉体验，好男友陪我去的，现在纹完眉毛之后，男朋友都说我时尚多了，出门再也不用等我化妆了-|-墙裂推荐！纹之前考虑了好久好久，最后选择了索兰黛，地理位置很好，服务态度很热情，操作老师的技术高-|-纹眉老师的技术特别棒，做完很自然，我以前的眉毛是很稀疏的那种，自己又画不好，现在终于不用担心左右画的不一样，也不用担心是不是擦掉眉毛啦-|-纹眉老师做的自然眉真的很好看了，好喜欢很满意，还把我之前的底色给遮住了，谢谢纹眉老师-|-我这个做完了的来个反馈，很满意的眉毛，他们家的活动价真的力度好大，感兴趣的朋友赶紧行动哦-|-做好的眉毛超级喜欢，纹眉老师辛苦了，亲自帮我设计讲解，亲自操刀，最后的成果也很满意，谢谢老师-|-超级无敌自然美美哒~-|-最近在找工作，为了增加气质，特地跑去纹了个眉，感觉整个人都有气质了呢-|-讲真的，我不吹牛的说效果真的很满意，所以想分享给大家，最后肯定索兰黛关心的价格问题，他们家的价格真的很亲民，几百几千的都有，根据个人的底子情况价格不同。-|-看朋友眉毛做的好看自然才来的，老师是先设计眉型的，很耐心也很细心，慢慢的调整，反复的确定后才做的，过程非常舒服愉快，老师人很好，说话也温柔，做出来的眉毛也超级自然，价格实惠，推荐!-|-真的挺满意的！小姐姐说话很好玩，人很开朗，也温柔，重点是纹眉的技术不错！做完的眉毛一根一根的，很真噢！推荐!-|-对于不会画眉的我，纹眉确实是个非常不错的选择。前期咨询时客服非常耐心，到店以后，老师更是专业细致，一直耐心地帮我调整眉形，纹完后还时不时发信息提醒我注意修复，关心是否有没有不适，非常好的一次体验，很满意。-|-我和朋友都想纹眉，在深思熟虑之后，决定来索兰黛体验一下~工作室很干净，设计过程中会根据五官比例找到适合自己的眉形，纹眉老师设计的眉形我很满意喜欢，推荐推荐推荐~-|-感觉效果真的很好，看起来很自然!超喜欢的!店里的环境，而且纹眉时用的工具都是一次性的很干净~-|-真的是超赞的！小姐姐人好又漂亮，技术还超级好的，极力推荐！-|-刚开始对纹眉还是很久之前那种蜡笔小新的印象，但是在朋友的推荐下，说这家技术好，做了点功课，微信咨询了店里的小姐姐，抱着赌一把的心选择了这家店。真是没让我后悔呀!超级棒的一次体验了!-|-工作室环境干净整洁舒适。纹眉小姐姐人很nice,也挺有耐心的。刚开始的时候帮忙设计眉形。纹眉除了纹眉技术很重要外，设计眉形也是非常重要的。小姐姐画眉的技术简直一流，根据我的描述画出了我理想中的眉形!-|-纹眉过程挺快的，大概用了30分钟不到。期间也没感觉到痛，纹完眉毛之后，简直不能更惊喜，也太自然了吧，就像自己原来的眉毛一样。期待后续结痂后恢复的效果!希望能像现在这么自然!-|-对于手残党来说，纹眉是最佳选择，还没纹之前特别担心，就怕纹坏了，来到店里后小姐姐会特别耐心帮你设计眉形，过程中原来的顾虑一点点没了，纹好后的眉毛真的超级好看超级自然！-|-闺蜜就是在这家店纹的，效果还不错，刚好看到有活动，马上抢了名额-|-好烦啊每天早晨都要花好长时间画眉，上班都要迟到了，周末就要去做半永久了，想想有点小激动-|-刚加了老师微信，老师发了好多纹眉作品，看上去还不错哦-|-纹眉就要去有保障的店，这家是全国连锁的很放心了呢 -|-闺蜜给我推荐的纹眉店，非常靠谱".split(
				"-|-"
			),
			name: [
				"小可爱",
				"青柠衬酸",
				"还未如愿",
				"橘柚香",
				"我又不是星星发什么光",
				"谁敢勾我夫我必让她哭",
				"汐渃依",
				"___向日葵╮微笑",
				"下一次微笑",
				"ˇ起颩るㄝ",
				"幻花沫璃",
				"猫贪余温",
				"莫道红颜依何处",
				"化蝶灬飞",
				"我不上你的当",
				"最美不过初见",
				"不及眉间朱砂尽",
				"仙女提刀战情场",
				"抹茶少女",
				"岛屿失梦",
				"梦屿千寻",
				"糖糖主义",
				"半面妆",
				"媚儿小窝",
				"雨樱花",
				"諟菈洣蘇",
				"淡淡の花香",
				"闭上眼睛",
				"好景不长",
				"古雪娃",
				"天国佳人",
				"牛奶布丁"
			],
			reImg: [
				"https://mariah1.oss-cn-hangzhou.aliyuncs.com/adimg/1.jpg",
				"https://mariah1.oss-cn-hangzhou.aliyuncs.com/adimg/2.jpg",
				"https://mariah1.oss-cn-hangzhou.aliyuncs.com/adimg/3.jpg",
				"https://mariah1.oss-cn-hangzhou.aliyuncs.com/adimg/4.jpg",
				"https://mariah1.oss-cn-hangzhou.aliyuncs.com/adimg/5.jpg",
				"https://mariah1.oss-cn-hangzhou.aliyuncs.com/adimg/6.jpg",
				"https://mariah1.oss-cn-hangzhou.aliyuncs.com/adimg/7.jpg",
				"https://mariah1.oss-cn-hangzhou.aliyuncs.com/adimg/8.jpg",
				"https://mariah1.oss-cn-hangzhou.aliyuncs.com/adimg/9.jpg",
				"https://mariah1.oss-cn-hangzhou.aliyuncs.com/adimg/10.jpg",
				"https://mariah1.oss-cn-hangzhou.aliyuncs.com/adimg/11.jpg",
				"https://mariah1.oss-cn-hangzhou.aliyuncs.com/adimg/12.jpg",
				"https://mariah1.oss-cn-hangzhou.aliyuncs.com/adimg/13.jpg",
				"https://mariah1.oss-cn-hangzhou.aliyuncs.com/adimg/14.jpg",
				"https://mariah1.oss-cn-hangzhou.aliyuncs.com/adimg/15.jpg",
				"https://mariah1.oss-cn-hangzhou.aliyuncs.com/adimg/16.jpg",
				"https://mariah1.oss-cn-hangzhou.aliyuncs.com/adimg/17.jpg",
				"https://mariah1.oss-cn-hangzhou.aliyuncs.com/adimg/18.jpg",
				"https://mariah1.oss-cn-hangzhou.aliyuncs.com/adimg/19.jpg",
				"https://mariah1.oss-cn-hangzhou.aliyuncs.com/adimg/20.jpg"
			]
		};
	},

	created() {
		this.getList();
	},
	methods: {
		getList(e) {
			if (e) {
				this.form.remark_num = e;
			}
			this.form.remarkList = [];
			if (e > 5) {
				return;
			}
			const { remark_num, remarkList } = this.form;
			if (remark_num > 0) {
				// 数组有几个我就循环调用几次随机方法(如果就要随机一张也就是都会是一样的，就掉用一次就可以)
				for (let i = 0; i < remark_num; i++) {
					// 在把随机后的值新建键值对放进数组里面
					var numbershow = Math.floor(Math.random() * this.imgList.length);
					var numbershow1 = Math.floor(Math.random() * this.remarkCont.length);
					var numbershow2 = Math.floor(Math.random() * this.name.length);

					remarkList[i] = {
						img: this.imgList[numbershow],
						cont: this.remarkCont[numbershow1],
						name: this.name[numbershow2],
						num: parseInt(Math.floor(Math.random() * 110) + 10)
					};
				}

				if (e > 1) {
					this.form.remarkList[1].reImg = this.reImg[
						Math.floor(Math.random() * this.reImg.length)
					];
				}
				if (e > 2) {
					this.form.remarkList[2].reImg = this.reImg[
						Math.floor(Math.random() * this.reImg.length)
					];
				}
			}
			console.log(this.form);
		}
	}
};
</script>
